<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.node{
				border-style: none;
			}
			
			.dotted{
				border-style: dotted;
			}
			
			.dashed{
				border-style: dashed;
			}
			
			.solid{
				border-style: solid;
			}
			.double{
				border-style: double;
			}
			.groove{
				border-style: groove;
			}
			.ridge{
				border-style: ridge;
			}
			.dashed{
				border-style: dashed;
			}
			.inset{
				border-style: inset;
			}
			.outset{
				border-style: outset;
			}
			.hidden{
				border-style: hidden;
			}
			.mix{
				border-style: dotted dashed solid double;
			}
			
		</style>
	</head>
	<body>
		<p class="none">无边框</p>
		<p class="dotted">虚线边框</p>
		<p class="dashed">虚线边框</p>
		<p class="solid">实线边框</p>
		<p class="double">双边框</p>
		<p class="groove">凸槽边框</p>
		<p class="ridge">垄状边框</p>
		<p class="inset">嵌入边框</p>
		<p class="outset">外凸边框</p>
		<p class="hidden">隐藏边框</p>
		<p class="mix">混合边框</p>
	</body>
</html>